/* 字体大小 */
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.bold{font-weight: bold;}
/* 字体颜色 */
.col_white{ color: #FFFFFF;}
.col_black{ color: #000000;}
.col_999{ color: #999999;}
.col_red{ color: #ff0000;}
.col_000{ color: #000;}
.col_blue{color:#409EFF;}
/* 背景颜色 */
.bg_boxcolor1{background: linear-gradient(to bottom right, rgba(0, 122, 255, 0.49), rgba(0, 122, 255, 0.521569));}
.bg_white{background: #FFFFFF;}
.bg_red{background-color: rgba(212, 48, 48, 1);}
.bg_blue{background-color: #2a82e4;}
.bg_8e8e{background-color: #e8e8e8;}
.bodybg{background-color: #fbf9fe;}
/* 居中操作 */
.tCenter{text-align: center;}
.tLeft{text-align: left;}
.tRight{text-align: right;}

/* 宽度 */
.w10{width:10%;}
.w15{width:15%;}
.w25{width:25%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
.h100{height:100%;}
/*边距*/
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin: 20px;}
.m30{margin:30px;}
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT50{margin-top:50px;}
.mT100{margin-top:100px;}
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB50{margin-bottom:50px;}
.mB100{margin-bottom:100px;}
.mlA{margin-left: auto;}
.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL30{margin-left:30px;}
.mL50{margin-left:50px;}
.mL100{margin-left:100px;}
.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR30{margin-right:30px;}
.mR50{margin-right:50px;}
.mR100{margin-right:100px;}
.mauto{margin: 0 auto;}
.p2{padding: 2px;}
.p4{padding:4px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT50{padding-top:50px;}
.pT100{padding-top:100px;}
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB50{padding-bottom:50px;}
.pB100{padding-bottom:100px;}
.pB100ux{padding-bottom:100upx;}
.pB200ux{padding-bottom:200upx;}
.pL2{padding-left:2px;}
.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL30{padding-left:30px;}
.pL50{padding-left:50px;}
.pL100{padding-left:100px;}
.pR2{padding-right:2px;}
.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR30{padding-right:30px;}
.pR50{padding-right:50px;}
.pR100{padding-right:100px;}
 /* 圆形 */
.borderr5{border-radius: 5px;}
.borderr8{border-radius: 8px;}
/* 页面排版 */
.inline-block{display: inline-block;}
.block{display: block;}

.flex{display: flex;}
.flexcenter{ justify-content:space-between;}
.relative{position: relative;}
.fixed{position: fixed;}
.absolute{position: absolute;}
.floatL{float:left}
.floatR{float:right}
.onetext{overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.twotext{overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.overflow{overflow: hidden;}
.vm{    vertical-align: middle;}
.borderb1{border-bottom: 1px solid #eee;}
.borderb1A{border-bottom: 1px solid #9e9e9e;}
.bordert1{border-top: 1px solid #eee;}
.borderL1{border-left: 1px solid #808080;}
.borderL2{border-left: 1px solid #e0e0e0;}
.borderall{border: 1px solid #e0e0e0;}
.loadingview{position: fixed;z-index: 9999;height: 100%;width: 100%;background-color: #fff; left: 0;bottom: 0px;text-align: center;}
.loadingview .loadingimg{margin-top: 400rpx;width: 150rpx;border-radius: 100%;overflow: hidden;}